// 导入路由对象
import Vue from "vue"
import VueRouter from "vue-router"

//导入组件  @ 表示可以直接定位到 src目录
// import Home from "@/components/Home"
// import MyFile from "@/components/MyFile"
// import Category from "@/components/Category"
// 将路由对象在vue中进行使用
Vue.use(VueRouter)


// 路由表
const routes = [
  //路由重定向
  {
    path:"/",
    redirect:"/home"
  },
  {
    path:"/home", //路由的路径
    name:"home", //路由的名字
    component:() => import("@/components/Home"),
    children :[   
      // {
      //   path:"/home",
      //   redirect:"/home/news"
      // } ,
      {
        path:"news",
        component:()=>import("@/components/News")
      },
      {
        path:"zx",
        component:()=>import("@/components/Zx")
      }
    ]
  },
  {
    path:"/my_file",
    name:"my_file",
    component:() => import("@/components/MyFile")
  },
  {
    path:"/category/:userName",
    name:"category",
    component:() => import("@/components/Category")
  }
]



// 创建路由实例
const router = new VueRouter({
  routes, //路由表
  // 路由的跳转有两种方式  一种是 hash  一种是 history  默认 是 hash
  mode:"history" // 在后台去配置接口
})

// 将路由导出  要在main.js中导入使用
export default router

